<template>
	<view class="index">
		<view class="search">
			<uni-icons @click="openDrawer" type="bars" size="60rpx" color="#fff" />
			<view class="ipt">
				<input class="ipt_1" type="text" disabled placeholder="陈奕迅">
				<uni-icons class="search_1" color="#fff" type="search" size="45rpx"/>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		
	}
</script>

<style lang="scss" scoped>
.index{
	background-image: linear-gradient(180deg,#1f1935 100rpx,#1b1b25 500rpx);
	height: 100vh;
	.search{
		flex-direction: row;
		// background-color: #1c1a31;
		position: fixed;
		top: 0;
		padding-top: $uni-spacing-col-lg * 3;
		padding-bottom:$uni-spacing-col-base ;
		padding-left: $uni-spacing-row-lg;
		padding-right: $uni-spacing-row-lg;
		text-align: center;
		left: 0;
		right: 0;
		align-items: center;
		.ipt{
			flex: 1;
			margin: 0 $uni-spacing-row-base;
			position: relative;
			input{
				background-image: linear-gradient(90deg,#252146 50%,#371f3c 100%);
				height: $uni-font-size-base * 2; 
				border-radius:$uni-font-size-base;
				text-align: center;
			}
		}
		.search_1{
			position: absolute;
			left: $uni-spacing-row-lg;
			top: 50%;
			transform: translateY(-50%);
		}
	}
}
</style>